<template>
  <div id="box">
    <router-link to="/home">home</router-link>
    <router-link to="/about">about</router-link>
    <router-link to="/my">my</router-link>
    <router-link to="/shopcar">shopcar</router-link>

    <router-view></router-view>
    <!-- 坑 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "vuevue",
      flag: true,
    };
  },
  methods: {
    fn() {
      alert(this.msg);
    },
  },
};
// 跟import对应的导出一个模块
</script>
<style lang="scss">
.box {
  background: pink;
}
</style>
